@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  

-moz-tap-highlight-color:rgba(0, 0, 0, 0);  

-ms-tap-highlight-color:rgba(0, 0, 0, 0);  

-o-tap-highlight-color:rgba(0, 0, 0, 0);  

tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Microsoft Yahei", "Source Han Sans CN",  Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c;}

a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}

a:hover{color:#068f33}

img{ border:none;}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}

.clearfix{zoom:1; clear:both}

.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}

.fl{ float:left}

.fr{ float:right}

botton,input,textarea,select{ outline:none; font-family:Arial}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#e60012}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f18{ font-size:18px;}



.wrap{width:100%;width:1250px;margin:0 auto}

.headerbox{ position:relative;height:90px; background:#fff}

.header{ position: fixed;top: 0px;left: 0px;right:0;z-index: 999; height:90px;line-height: 90px; background:#fff; box-shadow: 0 0 15px #ccc; width:100%}

.logo{ height:90px; display:flex; display:-webkit-flex; align-items:center;}
.logo img{ display:block; height:50px; width:auto}

.header .tel{ font-family:Arial; color:#1a1a1a; font-size:20px; font-weight:bold; background:url(../images/tel.png) no-repeat left center; padding-left:40px;}

.menu{ position:absolute; left:50%;top:0; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

.menu li{ float:left; font-size:17px;position:relative}

.menu li a{ display:block; color:#1a1a1a; padding:0 18px;}

.menu li a:hover{ color:#068f33}



.menu li .sub{position:absolute; width:100%; left:0;top:45px;overflow:hidden;background:#fff; height:0; -webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0); transform-origin:top;-webkit-transition:.4s ease;-moz-transition:.4s ease;transition:.4s ease}
.menu li .sub a{ display:block;color:#666;line-height:30px;padding:5px 10px; border-bottom:1px solid rgba(0,0,0,.08); text-align:center; font-size:14px;position:relative}
.menu li .sub a:hover{color:#e50011;}
.menu li .sub.active{height:auto;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);}
.menu li:hover .menu_a{background:#e50011; color:#fff}


.banner{position: relative;}
.banner a{ display:block;}
.banner img{ display:block; width:100%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:none; border:1px solid #fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#fff}

.m-banner{ display:none; position:relative}
.m-banner img{display:block; width:100%;}
.m-banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:3%}
.m-banner .swiper-pagination-bullet{ width:10px; height:10px; background:none; border:1px solid #fff; opacity:1;}
.m-banner .swiper-pagination-bullet-active{ background:#fff}

.title{ font-size:35px; line-height:40px; color:#333; text-align:center;margin-bottom:40px;}
.space{ padding:80px 0 100px}


#about{/* background:url(../images/bg01.jpg) no-repeat center; background-size:cover;*/}

/*#service{background:#068f33;
background: -webkit-linear-gradient(right, #062074 , #068f33);
background: -o-linear-gradient(left, #062074, #068f33);
background: -moz-linear-gradient(left, #062074, #068f33);
background: linear-gradient(to left, #062074 , #068f33);}
*/
#advantage{background:url(../images/bg04.jpg) no-repeat center; background-size:cover;}

.i-news, .i-client,.i-service, .i-about{ padding:80px 0}
.i-about{ color:#666;}
.i-about .left{ width:50%}
.i-about .tit{ font-size:20px;color:#333;}
.i-about .ltit{text-align:left; color:#333; font-size:20px;padding-top:5px;}
.i-about .content{ font-size:16px; margin-top:30px; line-height:30px; margin-bottom:90px}
.i-about .more{ background:#068f33 url(../images/arrow.png) no-repeat right 23px center; color:#fff; border-radius:25px; line-height:40px; padding:0 40px 0 20px; display:block; width:120px;white-space:nowrap}
.i-about .more:hover{background:#062074 url(../images/arrow.png) no-repeat right 20px center;}
.i-about .right{ width:45%; padding-top:1.5%; position:relative}
.i-about .left img{width:100%; display:block;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; position:relative; z-index:2}

.i-service{background: url(../images/bg.png) repeat;}
.i-service li{ width:32%; margin-right:2%; float:left; position:relative}
.i-service li:nth-child(3){margin-right:0;}
.i-service .tit{ display:flex; display:-webkit-flex; align-items:center; margin-bottom:20px;background: url(../images/sertitbg.png) no-repeat left center;}
.i-service h3{ font-weight:bold; font-size:20px; color:#fff; margin-left:35px; position:relative}

.i-service .pic{ overflow:hidden}
.i-service .pic img{ width:100%; height:100%; display:block;-webkit-transition:.8s;-moz-transition:.8s; transition:.8s;}

.i-service li a{ display:block}
.i-service .txt{font-size:16px; line-height:40px;}
.i-service .txt h4{ font-size:18px; color:#333; margin-right:10px;width:120px}
.i-service li:nth-child(3) .txt h4{ width:100%}
.i-service .txt .intro{ margin-top:20px; display:flex; display:-webkit-flex; flex-wrap:wrap;}
.i-service .txt .intro span{ display:block; width:48%;border-bottom:1px dashed #d8d8d8;color:#666;padding-left:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-service .txt .intro span:nth-child(2n){ margin-left:4%}
.i-service .txt .intro .span1{background:url(../images/ser-icon06-grey.png) no-repeat left center; background-size:25px}
.i-service .txt .intro .span2{background:url(../images/ser-icon07-grey.png) no-repeat left center; background-size:28px}
.i-service .txt .intro .span3{background:url(../images/ser-icon08-grey.png) no-repeat left center; background-size:28px; margin-top:20px;}
.i-service .txt .intro .span4{background:url(../images/ser-icon09-grey.png) no-repeat left center; background-size:26px;margin-top:20px;}

.i-service .txt .item{  margin-top:20px; border-bottom:1px dashed #d8d8d8; display:flex; display:-webkit-flex;}
.i-service .txt .item:nth-child(2){ margin-bottom:0}
.i-service .txt .intro2{ display:flex; display:-webkit-flex;width:calc(100% - 120px)}
.i-service .txt .intro2 span{ margin-right:20px;color:#666; padding-left:30px; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.i-service .txt .intro2 .span1{ background:url(../images/ser-icon01-grey.png) no-repeat left center; background-size:25px}
.i-service .txt .intro2 .span2{ background:url(../images/ser-icon02-grey.png) no-repeat left center; background-size:25px}
.i-service .txt .intro2 .span3{ background:url(../images/ser-icon03-grey.png) no-repeat left center; background-size:25px}
.i-service .txt .intro2 .span4{ background:url(../images/ser-icon04-grey.png) no-repeat left center; background-size:25px; margin-right:0}
.i-service .txt .intro2 .span5{ background:url(../images/ser-icon05-grey.png) no-repeat left center; background-size:25px; margin-right:0}
.i-service .txt .more{ display:block; width:40px; height:40px; background:url(../images/arrow_grey.png) no-repeat center #fff; border-radius:50%; margin-top:3%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.i-service li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.i-service li:hover .more{background:url(../images/arrow.png) no-repeat center #068f33; }

.i-news{}
.i-newslist{ padding:1px 1px 10px}
.i-newslist .pic{ overflow:hidden; border:1px solid #e8e8e8; border-bottom:none; position:relative}
.i-newslist .pic:before{ content:""; display:block; padding-top:57.77%}
.i-newslist .pic img{ display:block; width:100%; height:100%; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; object-fit:contain}
.i-newslist .txt{ background:#f2f2f2; padding:30px; /*box-shadow: 0 5px 25px -10px rgba(0,0,0,.5);*/ position:relative; z-index:2}
.i-newslist .time{ font-size:12px; color:#999}
.i-newslist h3{ color:#333; font-size:18px; line-height:30px; margin:6px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-newslist .intro{ font-size:14px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.i-newslist .more{background: #f2f2f2 url(../images/arrow_grey.png) no-repeat right 23px center; color:#999; font-size:12px;border-radius: 15px;line-height: 30px; padding: 0 30px 0 15px; display: block; width: 100px; border:1px solid #d8d8d8; margin-top:15px}
.i-newslist .txt, .i-newslist .time, .i-newslist h3, .i-newslist .intro, .i-newslist .more{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-newslist .swiper-slide:hover .txt{ background:#068f33; box-shadow:0 3px 10px rgba(0,0,0,.2)}
.i-newslist .swiper-slide:hover .time{ color:#fff; opacity:.65}
.i-newslist .swiper-slide:hover h3{ color:#fff;}
.i-newslist .swiper-slide:hover .intro{color:#fff; opacity:.65}
.i-newslist .swiper-slide:hover .more{ color:#fff; border:1px solid rgba(255,255,255,.65);background: url(../images/arrow.png) no-repeat right 23px center;}
.i-newslist .swiper-pagination-bullet-active{ background:#068f33}
.i-client{ background:url(../images/bg.png) repeat}
.i-client .title{ color:#333}
.i-clientlist ul {margin-left: 1px;margin-top: 1px;}
.i-clientlist li { float: left; width: 16.6666%; border: 1px solid #e5e5e5; box-sizing: border-box; text-align: center; margin-left: -1px; margin-top: -1px;}
.i-clientlist a{ cursor:auto;border: 1px solid #e5e5e5; border-right:0; display:block; text-align:center;margin-top: -1px;}
.i-clientlist .pic{height: 120px; padding:15px; background:#fff}
.i-clientlist .pic img{display: inline-block; max-width: 100%;max-height: 95%;vertical-align: middle;}
.i-clientlist .pic i{width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.i-client .more{ background:url(../images/arrow.png) #068f33 no-repeat right 23px center; color:#fff; border-radius:25px; line-height:40px; padding:0 40px 0 20px; display:block; width:120px;margin:40px auto 0;white-space:nowrap}
.i-clientlist .tit{ background:#f3f3f3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:40px; font-size:16px; text-align:center; color:#666; padding:0 5px}
.i-client .more:hover{background:#062074 url(../images/arrow.png) no-repeat right 20px center;}
.i-client .swiper-pagination-bullet{ width:12px; height:12px; background:none; border:1px solid #d8d8d8; opacity:1}
.i-client .swiper-pagination-bullet-active{ background:#068f33; border:1px solid #068f33}
.i-client .swiper-button-prev, .i-client .swiper-button-next{
	display: inline-block;
    position: static;
    margin: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 9px;
	outline:none;
    transition: .5s ease-in-out;}

.i-client .swiper-button-prev{ background:url(../images/arrow_prev.png) no-repeat center; background-size:30px}
.i-client .swiper-button-next{ background:url(../images/arrow_next.png) no-repeat center;background-size:30px}
.i-client .swiper-button-prev:hover{ background:url(../images/arrow_prev_w.png) #068f33 no-repeat center; background-size:30px}
.i-client .swiper-button-next:hover{background:url(../images/arrow_next_w.png) #068f33 no-repeat center;background-size:30px}
.i-client .swiperbox {margin-top:40px;text-align: center;}
@font-face{

font-family:'bebas';

src:url("../fonts/bebas.eot");

src:url("../fonts/bebas.eot") format("embedded-opentype"),

url("../fonts/bebas.woff2") format("woff2"),

url("../fonts/bebas.woff") format("woff"),

url("../fonts/bebas.ttf") format("truetype"),

url("../fonts/bebas.svg#BEBAS") format("svg");

}

/*============================================================*/

.nbanner{ position:relative; padding-top:16%}


.nbanner .txt{position:absolute; left:0;bottom:0;top:0;right:0; color:#fff; font-size:45px;height:100%; width:100%;display:flex; display:-webkit-flex; align-items:center; text-align:center; justify-content:center;}
.animate.move {opacity: 1; filter: alpha(opacity=100);transform: translateY(0);transition: 1s;}
.move {opacity: 0;filter: alpha(opacity=0);transform: translateY(30px);transition: .8s;}
.animate.add1{transition-delay: .1s;}
.nbanner .wrap{ position: absolute; bottom:0; left:0; right:0; z-index:2}


.n_nav{line-height: 70px;border-bottom:1px solid #d8d8d8}

.n_nav ul{ display:flex; display:-webkit-flex; align-items:center; justify-content:center;}

.n_nav li{ float:left;position:relative; margin:0 30px;}

.n_nav li a{ display:block; color:#333; font-size:16px;position:relative; transition:.5s;}

.n_nav li a:before {position: absolute;bottom: -2px;content: "";display: block;width: 0;height: 3px;left: 50%;background:#068f33;; transition-duration: .3s;}

.n_nav li a:hover{color:#068f33;}

.n_nav li.cur a{color:#068f33; font-weight:bold}

.n_nav li.cur a:before, .n_nav li a:hover::before{width: 100%;left: 0;}

.n_nav_right{ background: url(../images/icon09.png) no-repeat left center; padding-left:35px;}

.n_nav_right span{ padding:0 5px; font-family:Simsun}



/*.container{background:url(../images/mainbg.jpg) no-repeat top center; background-attachment:fixed}*/

.main{padding:60px 0 70px;}

.main_2{ background:url(../images/bg.png) repeat;}

.main .content{ line-height:30px; font-size:16px}

.main .content img{ max-width:100%; height:auto}



.anchor{display: block;height:90px;margin-top: -90px;visibility: hidden;}

.content_about .title{}
.main .ltitle{text-align:center; color:#333; font-size:20px; margin-top:-25px; margin-bottom:40px}

.content_about .left{ width:50%}
.content_about .left p{ margin-bottom:15px}

.content_about .right{ width:35%;}

.linian{ margin-top:30px;}

.linian .item{ width:50%; float:left;  margin-bottom:2%}

.linian .item:nth-child(2n+1){ padding-right:3%}

.linian .icon{ float:left}

.linian .icon img{}

.linian .txt{ padding-left:100px; font-size:14px; line-height:26px}

.linian .txt p{ margin-bottom:5px}

.linian .txt .tit{ font-size:18px; margin-bottom:10px}

.mission{ margin-right:-3%}

.mission .item{ float:left; width:30.33%; margin-right:3%; background:#fff url(../images/bg05.jpg) no-repeat center; background-size:220px auto; border-radius:5px; box-shadow:0 5px 15px rgba(0,0,0,.03); text-align:center; padding:25px; height:300px; border-top:3px solid #068f33}

.mission .item h3{ color:#068f33; font-size:24px; font-weight:bold; margin:30px 0}

.culture .cont{ display:flex; display:-webkit-flex; justify-content:center; align-items:center; margin-top:30px}

.culture .cont .pic{ margin-right:5%;}

.culture .cont .row{ margin-bottom:30px; padding-bottom:10px; border-bottom:1px dashed #d8d8d8}

.culture .cont h3{ color:#068f33}

.honor .pic{ overflow:hidden; /*height:220px*/; padding:10px; background:#fff}
.honor .pic img{ display:block; width:100%; height:100%; object-fit:contain;}
.honor .swiper-slide{ text-align:center;background:#f3f3f3; padding:20px;}
.honor .swiper-slide p{line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px}
.honor .swiper-button-prev, .honor .swiper-button-next{margin: 0;width: 50px;height: 50px;border: 1px solid #cccccc; box-sizing: border-box; border-radius: 50%;margin-top:-25px; transition: .5s ease-in-out; outline:none}
.honor .swiper-button-prev{ background:url(../images/arrow_prev.png) no-repeat center; background-size:30px}
.honor .swiper-button-next{ background:url(../images/arrow_next.png) no-repeat center;background-size:30px}
.honor .swiper-button-prev:hover{ background:url(../images/arrow_prev_w.png) #068f33 no-repeat center; background-size:30px}
.honor .swiper-button-next:hover{background:url(../images/arrow_next_w.png) #068f33 no-repeat center;background-size:30px}

.hmore{ background:url(../images/arrow_grey.png) no-repeat right 23px center; color:#999; border-radius:25px; line-height:40px; height:40px; padding:0 40px 0 20px; display:block; width:120px;margin:40px auto 0; font-size:14px; white-space:nowrap; border:1px solid #e8e8e8}

.hmore:hover{background:#062074 url(../images/arrow.png) no-repeat right 23px center; color:#fff}

.horlist ul{ margin-right:-3%}

.horlist li{ width:31.33%; float:left; margin-right:2%; margin-bottom:2%; text-align:center;background:#fff; border:1px solid #e8e8e8; padding:25px;}

.horlist li .pic{ height:300px; position:relative}

.horlist li img{display: inline-block;max-height: 100% !important;max-width:100% !important;z-index: 4;position: absolute;left: 0;right: 0; top: 0; bottom: 0; margin: auto;}

.horlist li p{ margin-top:15px; padding-top:10px; border-top:1px solid #e8e8e8}

.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}
.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}
.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:99;background:rgba(0,0,0 ,.6);opacity:0}
.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}



.cuture{ margin-right:-5%}

.cuture .item{ float:left; width:45%; margin-right:5%}

.cuture .item .top{ background:#612b89; color:#fff; text-align:center; padding:50px 5%;box-shadow: 0 5px 10px rgba(0,0,0,.2);}

.cuture .item:nth-child(2) .top{ background:#015bad}

.cuture .item .top h3{ font-size:24px; margin-top:20px}

.cuture .item .top img{ width:60px; height:auto; opacity:.8}

.cuture .item .txt{border-bottom:1px solid #d8d8d8;padding:40px 0; min-height:240px}

.cuture .item .tit{ font-size:22px; color:#333; line-height:35px}



.sed-nav{ display:felx; display:-webkit-flex; align-item:center; justify-content:center; margin-bottom:30px; font-size:16px;}

.sed-nav li{ margin:0 10px;}

.sed-nav a{ display:block; line-height:35px; background:#fff; border:1px solid #d8d8d8;width:120px; border-radius:25px; text-align:center}

.sed-nav .cur a{ background:#e50011; color:#fff}

.honor ul{ margin-right:-2%}

.honor li{ border:1px solid #d8d8d8; padding:10px; float:left; width:31.33%; margin-right:2%; margin-bottom:2%}

.honor li img{ display:block; width:100%;}

.honor li .tit{ background:#f3f3f3; text-align:center; margin-top:10px; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}





.newslist{}

.newslist li{margin-bottom:30px; position:relative}

.newslist li:before{ content:""; width:63%; height:1px; background:#e8e8e8; position:absolute; right:0; bottom:0}

.newslist li a{ display:block;}

.newslist .pic{ width:32%; overflow:hidden; position:relative}
.newslist .pic:before{ content:""; display:block; padding-top:57.77%}
.newslist .pic img{ display:block; width:100%; height:100%; position:absolute; left:0;top:0;right:0;bottom:0;margin:auto;object-fit: contain;}

.newslist .txt{ width:63%; padding-top:1%;padding-bottom: 2%;}

.newslist .time{ font-size:12px; color:#999}

.newslist h3{color:#333; font-size:20px; line-height:30px; margin:10px 0 15px}

.newslist .intro{ font-size:14px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.newslist .more{background: #fff url(../images/arrow_grey.png) no-repeat right 15px center; color:#999; font-size:12px;border-radius: 25px;line-height:32px; padding-left:18px; display: block; width: 100px; border:1px solid #e8e8e8; margin-top:40px; float:right}

.newslist .more, .newslist .pic img{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.newslist li:hover .more{background:#062074 url(../images/arrow.png) no-repeat right 15px center; color:#fff}

.newslist .pic img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}



.newscon .ntit{ text-align:center; font-size:30px; line-height:45px;color: #333; margin-bottom:10px;}

.newscon .ntime{ text-align:center;margin-bottom:20px;}

.newscon .ntime span{ margin:0 15px}

.newDetail{ line-height:30px; font-size:16px; background:#fff; padding:3% 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8}

.newDetail table td{ border:1px solid #ccc;}

.newDetail p{ margin-bottom:10px}

.location{line-height:60px; color:#fff; opacity:.8}

.location a{ color:#fff}



.service li{position:relative}
.service .tit{ display:flex; display:-webkit-flex; align-items:center; background: url(../images/sertitbg.png) no-repeat left center;}
.service h3{ font-weight:bold; font-size:20px; color:#fff; margin-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative}
.service .pic{ overflow:hidden; width:50%; float:left}
.service .pic img{ width:100%; height:100%; display:block;-webkit-transition:.8s;-moz-transition:.8s; transition:.8s;}
.service .txtbox{ width:50%; float:right; padding-left:3%; padding-top:4%}
.service li:nth-child(2n) .pic{ float:right}.service li:nth-child(2n) .txtbox{ float:left}
.service li:nth-child(2n) .txtbox{ padding-left:0; padding-right:3%; padding-top:6%}
.service .txt{font-size:16px; line-height:40px; padding-top:30px;}
.service .txt h4{ font-size:18px; color:#333; margin-right:10px; width:120px}
.service .txt .intro{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.service .txt .intro span{ display:block; width:48%;border-bottom:1px dashed #d8d8d8;color:#666;padding-left:30px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.service .txt .intro span:nth-child(2n){ margin-left:4%}
.service .txt .intro .span1{background:url(../images/ser-icon06-grey.png) no-repeat left center; background-size:25px}
.service .txt .intro .span2{background:url(../images/ser-icon07-grey.png) no-repeat left center; background-size:28px}
.service .txt .intro .span3{background:url(../images/ser-icon08-grey.png) no-repeat left center; background-size:28px; margin-top:20px;}
.service .txt .intro .span4{background:url(../images/ser-icon09-grey.png) no-repeat left center; background-size:26px;margin-top:20px;}

.service .txt .item{ margin-bottom:20px;border-bottom:1px dashed #d8d8d8; display:flex; display:-webkit-flex;}
.service .txt .item:nth-child(2){ margin-bottom:0}
.service .txt .intro2{ display:flex; display:-webkit-flex;width:calc(100% - 120px)}
.service .txt .intro2 span{ margin-right:20px;color:#666; padding-left:30px; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.service .txt .intro2 .span1{ background:url(../images/ser-icon01-grey.png) no-repeat left center; background-size:25px}
.service .txt .intro2 .span2{ background:url(../images/ser-icon02-grey.png) no-repeat left center; background-size:25px}
.service .txt .intro2 .span3{ background:url(../images/ser-icon03-grey.png) no-repeat left center; background-size:25px}
.service .txt .intro2 .span4{ background:url(../images/ser-icon04-grey.png) no-repeat left center; background-size:25px; margin-right:0}
.service .txt .intro2 .span5{ background:url(../images/ser-icon05-grey.png) no-repeat left center; background-size:25px; margin-right:0}
.service .txt .more{background: #fff url(../images/arrow_grey.png) no-repeat right 15px center; color:#999; font-size:12px;border-radius: 25px;line-height:32px; padding-left:18px; display: block; width: 100px; border:1px solid #e8e8e8; margin-top:30px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.service li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.service .txt .more:hover{background:#062074 url(../images/arrow.png) no-repeat right 15px center; color:#fff}


.gygf{ margin-top:20px}
.gygf .item{ background:#f3f3f3;}
.gygf .pic{ float:left; width:50%;}
.gygf img{ display:block; width:100%}
.gygf .txt{ width:50%; float:right; padding:5%}
.gygf .item:nth-child(2n) .pic{ float:right}
.gygf .item:nth-child(2n) .txt{ float:left}
.gygf h3{ font-size:20px; margin-bottom:15px; color:#068f33}


.advantage{ position: relative}
.advantage .serimg{ position:relative; width:500px; height:500px; margin:0 auto; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.advantage .serimg img{ display:block; margin:0 auto;}
.advantage .serimg:before{ content:""; width:100%; height:100%;display:block; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background:url(../images/round.png) no-repeat}

.advantage .serimg .top, .advantage .serimg .bot {

    position: absolute;

    left: 0;

    width: 100%;

    height: 50px;

    background: transparent;

}

.advantage .serimg .top {

    top: -20px;

    background:#f3f3f3;

}

.advantage .serimg .bot {

    bottom: -15px;

    background:#f3f3f3;

}

.advantage .serimg .top, .advantage .serimg .bot{ transform:rotate(-20deg)}

.advantage .icon{width:80px; height:80px; border-radius:50%; overflow:hidden; background:#068f33;display:flex; display:-webkit-flex; align-items:center; justify-content:center;}

.advantage .icon img{display:block}

.advantage li{ width:35%; position:absolute; left:0;top:0}

.advantage li .txt{ padding-right:110px;}

.advantage li h3{ color:#333; font-size:20px; margin-bottom:10px}

.advantage li strong{ color:#068f33}

.advantage .li1 .txt, .advantage .li2 .txt{ text-align:right}
.advantage .li3, .advantage .li4, .advantage .li5{ width:40%}
.advantage .li3 .txt, .advantage .li4 .txt, .advantage .li5 .txt{ padding-right:0; padding-left:110px}

.advantage .li1{top:100px; left:0;}

.advantage .li1 .icon{ position:absolute; right:0;}

.advantage .li2{top:300px;left:0;}

.advantage .li2 .icon{ position:absolute; right:0;}

.advantage .li3{top:20px; left:auto;right:0}

.advantage .li3 .icon{ position:absolute; left:0;}

.advantage .li4{top:180px;left:auto;right:-80px}

.advantage .li4 .icon{ position:absolute; left:0;}

.advantage .li5{top:360px;left:auto;right:20px; width:35%}

.advantage .li5 .icon{ position:absolute; left:0;}



.custumer .left{ width:42%;}

.custumer .left .title{ text-align:left}

.custumer .right{ width:50%; padding-top:60px}

.khlist{ position:relative; width:100%; padding-bottom:50px}

.main .content .khlist img{ display:block; width:100%; height:100%; object-fit:contain}

.khlist .pic{ height:80px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding:10px}

.khlist .swiper-pagination-bullet-active{ background:#068f33}

.hzlist{ padding:10px; background:#fff}

.hzlist li{ float:left; width:33.33%; background:#fff;height:80px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding:20px}

.main .content .hzlist li img{display:block; width:100%; height:100%; object-fit:contain}

.wtzm{ margin-top:60px;}

.wtzm ul{ margin-right:-2%}

.wtzm li{ float:left; width:18%; background:#fff; margin-right:2%; text-align:center; padding:15px}

.wtzm li .pic{}

.wtzm li img{ display:block; width:100%; height:270px !important}



.equipment .pic{ overflow:hidden; height:240px;}
.equipment .pic img{ display:block; width:100%; height:100%; object-fit:cover;}
.equipment li{ float:left; width:23%; margin-right:2%; margin-bottom:2%; position:relative}
.equipment li p{text-align:center; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; left:0;bottom:0; width:100%; background:rgba(6,143,51,.6); color:#fff}
.equipment .swiper-slide{ text-align:center;}
.equipment .swiper-slide p{line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#fff}
.equipment .swiper-button-prev, .equipment .swiper-button-next{
	display: inline-block;
    position: static;
    margin: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 9px;
	outline:none;
    transition: .5s ease-in-out;}

.equipment .swiper-button-prev{ background:url(../images/arrow_prev.png) no-repeat center; background-size:30px}
.equipment .swiper-button-next{ background:url(../images/arrow_next.png) no-repeat center;background-size:30px}
.equipment .swiper-button-prev:hover{ background:url(../images/arrow_prev_w.png) #068f33 no-repeat center; background-size:30px}
.equipment .swiper-button-next:hover{background:url(../images/arrow_next_w.png) #068f33 no-repeat center;background-size:30px}
.equipment .swiperbox {margin-top:50px;text-align: center;}

.carlist .pic{ overflow:hidden; height:240px;}
.carlist .pic img{ display:block; width:100%; height:100%; object-fit:cover;}
.carlist li{ float:left; width:23%; margin-right:2%; margin-bottom:2%; position:relative}
.carlist li p{text-align:center; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; left:0;bottom:0; width:100%; background:rgba(6,143,51,.6); color:#fff}
.carlist .swiper-slide{ text-align:center;}
.carlist .swiper-slide p{line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#f3f3f3}
.carlist .swiper-button-prev, .carlist .swiper-button-next{
	display: inline-block;
    position: static;
    margin: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 9px;
	outline:none;
    transition: .5s ease-in-out;}

.carlist .swiper-button-prev{ background:url(../images/arrow_prev.png) no-repeat center; background-size:30px}
.carlist .swiper-button-next{ background:url(../images/arrow_next.png) no-repeat center;background-size:30px}
.carlist .swiper-button-prev:hover{ background:url(../images/arrow_prev_w.png) #068f33 no-repeat center; background-size:30px}
.carlist .swiper-button-next:hover{background:url(../images/arrow_next_w.png) #068f33 no-repeat center;background-size:30px}
.carlist .swiperbox {margin-top:50px;text-align: center;}



.caselist ul{}
.caselist li{ width:33.33%; float:left; float:left}
.caselist a{ display:block; padding:25px;}
.caselist img{ display:block; width:100%; height:auto}
.caselist .txt{ padding-top:20px; padding-bottom:20px}
.caselist .time{ font-size:12px; color:#999}
.caselist h3{ color:#333; font-size:18px; line-height:30px; margin:10px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caselist .intro{ font-size:14px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.caselist .more{background:url(../images/arrow_grey.png) no-repeat right 15px center; color:#999; font-size:12px;border-radius: 15px;line-height: 30px; padding-left:18px; display: block; width: 100px; border:1px solid #e8e8e8; margin-top:25px}
.caselist .time, .caselist h3, .caselist .intro, .caselist .more{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.caselist a:hover{ background:#068f33}
.caselist a:hover .time{ color:#fff; opacity:.6}
.caselist a:hover h3{ color:#fff}
.caselist a:hover .intro{ color:#fff; opacity:.8}
.caselist a:hover .more{background:url(../images/arrow.png) no-repeat right 15px center; border:1px solid rgba(255,255,255,.6); color:#fff}



.videolist ul{ margin-right:-2%}
.videolist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative}
.videolist li .pic{ overflow:hidden;box-shadow: 0 5px 10px rgba(0,0,0,.1); position:relative}
.videolist li img{ width:100%; display:block; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.videolist li .bg{ position:absolute; width:100%; height:100%;left:0;top:0; background:rgba(0,0,0,0.1); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.videolist li .icon{ width:80px; height:80px; position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-40px; background:url(../images/videobtn_w.png) no-repeat center; background-size:cover; opacity:.95;z-index:3}
.videolist li h3{font-size:18px; padding:20px; text-align:center}
.videolist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.videolist li:hover .bg{ background:rgba(0,0,0,0)}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: absolute;z-index: 999;width:650px; height:368px;background: #000;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-close{ width:40px; height:40px; background:url(../images/closed_w.png) no-repeat; position:absolute; top:-45px; right:-45px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.focusvideo #videovl {width: 100%;height: 100%;}



.main .ntitle .info{ font-size:16px; color:#666; padding-top:10px;}
.main .ntitle .info span{ margin-right:30px}



.recruit li{ padding:30px 0; border-bottom:1px solid #d8d8d8}

.recruit li:first-child{ border-top:1px solid #d8d8d8}

.recruit-top{background: #8c8c8c;color: #fff;height: 50px;font-size: 16px; line-height: 50px; padding: 0 45px;}

.recruit-top .colum{float: left;display: inline-block;display:flex; display:-webkit-flex; align-items:center; height:50px; line-height:20px}

.recruit-top .colum1 {width: 20%;}

.recruit-top .colum2 {width: 12%;}

.recruit-top .colum3 {width: 20%;}

.recruit-top .colum4 {width: 20%;}

.recruit-top .colum5 {width: 20%;}

.recruit-top .colum6 {width: 8%;}

.recruit-con .colum{float: left;display: inline-block; display:flex; display:-webkit-flex; align-items:center; height:65px; line-height:20px}

.recruit-con .colum1 {width: 20%;}

.recruit-con .colum2 {width: 12%;}

.recruit-con .colum3 {width: 20%;}

.recruit-con .colum4 {width: 20%;}

.recruit-con .colum5 {width: 20%; font-size:14px}

.recruit-con .colum6 {width: 8%;}

.recruit-con .tit {color: #333; height: 65px; font-size: 16px; line-height: 65px; padding: 0 45px;  border-bottom: 1px solid #e6e6e6; cursor:pointer}

.recruit-con .tit.on{ background:#f3f3f3;color:#068f33; font-weight:bold}



.recruit-con .cont{display: none; padding: 0 45px;background: #dbdbdb; font-size: 15px; color: #333333; line-height: 30px;}

.recruit-con .mrg{ margin:30px 0;}

.recruit-con .rec-a{display: inline-block;height: 42px; background: #068f33; text-align: center; color: #fff;  font-size: 14px; padding: 0 25px; line-height: 42px; float:right}





.page_2{ position:relative;/* border-top:1px solid #e8e8e8; */margin-top:40px; font-size:14px;}
.page_2 p{ padding-right:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_2 .back{ display:block;width:80px; line-height: 32px;color: #999; border-radius: 25px; overflow: hidden;position:absolute; top:10px; right:0;background:url(../images/arrow_grey.png) no-repeat right 19px center; border:1px solid #e8e8e8; white-space:nowrap; padding-left:20px;}

.page_2 .back:hover{background:#062074 url(../images/arrow.png) no-repeat right 19px center; color:#fff}







/*===========================contact================================*/

.content_c{ font-size:16px; line-height:30px}

.mapbox{ position:relative}

.lxfs{ width:30%; position:absolute; right:20px; top:7.5%; height:85%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); padding:30px;z-index:99}

.lxfs h3{ font-size:20px; color:#333; margin-top:15px; margin-bottom:10px;}

.lxfs .tel,.lxfs .add{ position:relative; margin-top:20px}



/*.lxfs .tel:before{ content:""; width:35px; height:35px; background:url(../images/ficon02.png) #068f33 no-repeat center; display:block; border-radius:50%}

.lxfs .add:before{ content:""; width:35px; height:35px; background:url(../images/ficon04.png) #068f33 no-repeat center; display:block; border-radius:50%}

*/

.lxfs-2{ margin-top:50px}

.lxfs-2 ul{ margin-right:-5%}

.lxfs-2 li{ float:left; width:45%; margin-right:5%; border-bottom:1px solid #d8d8d8;height:120px}

.lxfs-2 li p:first-child{ font-size:18px; margin-bottom:10px}



#allmap{width:100%;height:450px; background: #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px;}

.BMap_bubble_title{ white-space:normal !important;color: #333; font-size:16px;padding:10px 0; text-align:center}

.BMap_bubble_content{ text-align:center;color: #888; font-size:13px}

/*============================================================*/

.footer{ color: rgba(255,255,255,.8);line-height:30px; padding-top:50px; padding-bottom:30px; position:relative; background:#068f33;
background: -webkit-linear-gradient(left, #062074 , #068f33);
background: -o-linear-gradient(right, #062074, #068f33);
background: -moz-linear-gradient(right, #062074, #068f33);
background: linear-gradient(to right, #062074 , #068f33);}

.footer a{color:rgba(255,255,255,.8);}

.footer a:hover{ color:#fff}



.footer .wrap{ position:relative}

.footer .top{ border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:20px;}

.footer .mid{ border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:20px; padding-bottom:20px; padding-top:45px;}



.f-contact{ width:28%; float:right}

.f-contact .tit{ color:#fff; font-size:16px;}

.f-contact .name{ background:url(../images/ficon01.png) no-repeat left center; padding-left:25px;}

.f-contact .tel{ background:url(../images/ficon02.png) no-repeat left center;padding-left:25px;}

.f-contact .mail{ background:url(../images/ficon03.png) no-repeat left center;padding-left:25px;}

.f-contact .add{ background:url(../images/ficon04.png) no-repeat left center;padding-left:25px;}



.f-nav{ width:70%}

.f-nav li{ float:left;margin-right:50px; font-size: 16px; position:relative}

.f-nav li:after{ content:""; width:1px; height:10px; background:rgba(255,225,255,.2); position:absolute;top:8px; right:-25px;}

.f-nav li:last-child::after{ display:none}

.f-nav li:last-child{ margin-right:0;}

.footer .ftotop{ float:right; display:block; width:27px; height:30px; background:url(../images/topw.png) no-repeat center; opacity:.35; filter:alpha(opacity=35)}



.f-ewm{ text-align:center; float:left}

.f-ewm li{ float:left; margin-right:30px;}

.f-ewm img{ width:120px; height:auto; display:block; margin-bottom:10px}

.footer .bot{ font-size:12px; line-height:20px}

.pages{ margin-top:40px}
.pagination{ padding:0 !important; height:auto !important}
.pagination a.cur{ background:#068f33 !important; border:1px solid #068f33 !important}
.pagination a:hover{ color:#068f33 !important; border:1px solid #068f33 !important}
.pagination p.pageRemark b{ color:#068f33 !important}